<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<link rel="stylesheet" type="text/css" href="css/通用.css"/>
		<link rel="stylesheet" type="text/css" href="css/floatLogo.css"/>
		
		<style type="text/css">
			#img_box{
				background-image: url(img/a1.jpg);
				background-size: 100%;
				position: absolute;
				height: 750px;
				width: 1520px;
			}
			#table_box table{
				padding-top: 800px;
				/* padding-left: 130px */;
			}
			#table_box table td{
				width: 500px;
				height: 280px;
			}
			#table_box table td img{
				cursor:pointer;
				size: 100%;
				width: 100%;
				height: 100%;
			}
			#table_box table td a:hover{
				color: darkorange;
			}
			.href_font{
				text-align: center;
				width: 480px;
				height: 25px;
				font-size: 18px;
				
				/* overflow: hidden; */
			}
			.text{
				font-size: 14px;
				color:#646566;
				text-align: center;
			}
			.text2{
				font-size: 14px;
				color:#646566;
			}
			.enter{
				cursor:pointer;
				color: #FFFFFF;
				border-style: none;
				border-radius: 18px;
				background-color: #ff6600;
				width: 100px;
				height: 40px;
			}
			#table2 img{
				/* size: 100%; */
				width: 100%;
				height: 100%;
				cursor: pointer;
			}
			#table2 td{
				text-align: center;
				border-left: 1px solid #868787;
				border-right: 1px solid #868787;
				border-radius: 15px;
				height: 150px;
				background-color: #F0F0F0;
			}
			#table_box2 {
				height: 650px;
			}
			#greet{
				display: block;
				
				/* background-color: #000000; */
				font-size: 70px;
				margin-top: 150px;
				margin-left: 520px;
			}
			
			
		</style>

	</head>
	<body>
		
		<img src="img/imgmove.png" width="30px"  style="position: absolute;" id="imgmove">
		<div id="right_float" >
			<a href="index.html"><img src="img/logo.png" ></a>
		</div>
		<div id="img_box">

			<div id="top">
				<div id="top_center">
					<a href="index.html"><img src="img/logo.png" class="logo" ></a>
					<div class="top_list_box">
						<ul class="top_list">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="论坛.html">论坛</a>
							</li>
							<li>
								<a href="游戏.html">游戏</a>
							</li>
							<li>
								<a href="加入心动.html">加入心动</a>
							</li>
							<li>
								<a href="家长指引.html">家长指引</a>
							</li>
							<li>
								<a href="#">其他</a>
								<ul>
									<li class="lis"><a href="留言.html">留言</a></li>
									<li class="lis"><a href="pacific.html">太平洋网络</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="search_box">
							<input type="text" name=""  value="" class="search" placeholder="搜索" /><a href=""><img src="img/搜索按钮.png" ></a>
							
					</div>
					<a href="登录.html">登录</a> |
					<a href="注册.html">注册</a>
		</div>
		</div>
		<div id="greet"  >
			
		</div>
		<div id="count" style="float: right;margin-top: 60px;margin-right: 500px;font-style: italic;font-size: 25px;">
			<!-- 倒计时 -->
			
		</div>
		</div>
		<div id="table_box" align="center">
			<table border="0px" cellspacing="60px" cellpadding="0">
				<tr>
					<td><img src="img/img01.png" >
						<div class="href_font">
							<a href="">TapTap携手阿里云共建反网络黑灰产联盟，将提供免费...</a>
						</div>
						<div class="text">
							10月20日，阿里云联合易玩（上海）网络科技有限公司在2024云栖大会·阿里云互联网行业峰会上举行“反网络黑灰产联盟”合作发布仪式 。
						</div>
					</td>
					<td><img src="img/img02.jpg" >
						<div class="href_font">
							<a href="">TapTap发布开发者服务:降低开发者研运成本聚焦创作优...</a>
						</div>
						<div class="text">
							7月28日，数百位开发者代表参与「2024 TapTap开发者沙龙」，共同分享TapTap开
							发者服务最新信息以及行业的深度思考。
						</div>
					</td>
				</tr>
				<tr>
					<td><img src="img/img03.jpg" >
						<div class="href_font">
							<a href="">2024 TapTap游戏发布会顺利举办</a>
						</div>
						<div class="text">
							27款大作重磅发布，寻找你热爱的游戏
						</div>
					</td>
					<td><img src="img/img04.jpg" >
						<div class="href_font">
							<a href="">黄一孟致股东信:抓住行业跨世代机会持续提升公司内在价值</a>
						</div>
						<div class="text">
							4月30日，心动公司(02400.HK)发布2020年度报告，董事会主席兼CEO黄一孟致股东
							信同时发布。
						</div>
					</td>
				</tr>
				
			</table>
			<div  align="center" style="height: 120px;">
				<a href="#"><button type="button" value="往期咨询" class="enter" >往期咨询</button></a>
			</div>
			
		</div>
		<div id="table_box2" align="center">
			<table border="0px" cellspacing="20px" cellpadding="0" id="table2">
				<tr>
					<th><img src="img/新闻动态.png" ></th>
					<th><img src="img/财务披露.png" ></th>
				</tr>
				<tr>
					<td><a href="">心动公司实施员工期权计划 首批已授予近35万份期权</a>
					<div class="text2">
						2024/07/13
					</div>
					</td>
					<td><a href="">截至二零二四年十一月三十日止月份之股份发行人的证券变动月报表</a>
						<div class="text2">
							2024/12/03
						</div>
					</td>
				</tr>
				<tr>
					<td><a href="">黄一孟致股东信：抓住行业跨世代机会 持续提升公司内在价值</a>
						<div class="text2">
							2024/04/30
						</div>
					</td>
					<td>
						<a href="">截至二零二四年十月三十一日止月份之股份发行人的证券变动月报表</a>
						<div class="text2">
							2024/11/03
						</div>
					</td>
				</tr>
			</table>
		</div>

			
			
		<div class="base">
					<!-- 底部通用于所有网页 -->
					<div id="base_center">
						<table border="0px" cellspacing="20px" cellpadding="5px">
							
							<tr>
								<td>
									<a href="#">免责声明</a> |
									<a href="#">隐私政策</a> |
									<a href="#">用户协议</a> |
									<a href="#">游戏大厅</a> |
									<a href="#">论坛</a>
								</td>
								<td align="right"><img src="img/logo2.png" ></td>
							</tr>
							<tr>
								<td>学号：2403130240</td>
								<td></td>
							</tr>
							<tr>
								<td>姓名：陈奕喧</td>
								<td></td>
							</tr>
							<tr>
								<td>在线客服微信公众号：123456</td>
								<td align="right">河北互联网举报中心</td>
							</tr>
							<tr>
								<td>投诉举报邮箱：tousu@xd.com</td>
								<td align="right">网上有害信息举报专区</td>
							</tr>
						</table>
					</div>
					
				</div>
				<script type="text/javascript">
					//下拉列表
					var list=document.querySelector(".top_list");
					var lis=list.children;
					for(var i=0;i<lis.length;i++){
						if(lis[i].children.length=="2"){
							lis[i].addEventListener("mousemove",function(){
								this.children[1].style.display="block";
								
							});
							lis[i].addEventListener("mouseout",function(){
								this.children[1].style.display="none";
							});
						}
					}
					
					

					//鼠标事件
					var pic=document.getElementById("imgmove");//获取图片对象
					document.addEventListener('mousemove',function(e){//添加鼠标移动事件
						var x=e.pageX||e.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);//获取鼠标在文档中的x坐标
						var y=e.pageY||e.clientY+(document.body.scrollTop||document.documentElement.scrollTop);//获取鼠标在文档中的y坐标
						pic.style.left=x+2+"px";//第四象限
						pic.style.top=y+2+'px';
					})
				
				// setTimeout（函数，毫秒）：定时器，仅执行一次
				var greet=document.getElementById("greet");
				
				var array=new Array("欢","迎","来","到","心","动");
				var str="";
				var num=0;
				// for(var i=0;i<array.length;i++){
				// 	array[i].setTimeout(function(){
				// 		str+=this;
				// 		greet.innerHTML=str;
				// 	},1000);
				// }
				var timer=setInterval(function(){//字体逐个浮现
					str=str+array[num++]+" ";
					greet.innerHTML=str;
					if(num>array.length-1){//结束条件
						daojishi(num);
						clearInterval(timer);
						
					}
				},700)
				function  daojishi(num){
					if(num=>array.length){
						//距离网站一周年倒计时
						var count=document.getElementById("count");
						var timer=setInterval(function(){
							var recess=new Date("2025-12-12 00:00:00");
							var date=new Date();
							
							var sec=(recess-date)/1000;//距离网页一周年的秒数
							var d=parseInt(sec/60/60/24); //计算天数
							d=d<10?'0'+d:d;
							var h=parseInt(sec/60/60%24); //计算小时数
							h=h<10?'0'+h:h;
							var m=parseInt(sec/60%60); //计算分钟数
							m=m<10?'0'+m:m;
							var s=parseInt(sec%60); //计算秒数
							s=s<10?'0'+s:s;
							//count.innerHTML="距离网站一周年还有：" + d +'天'+ h+'时'+m+'分'+s+'秒' ;
						},1000);
					};
				}
				
				window.addEventListener('scroll',function(){//页面滚动事件
				            let top= document.getElementById("top");
				           if(window.scrollY>0)
				            {
				                top.className="bian";
				            }else{
				                top.className="top";
				            }
				        })
				</script>
	</body>
</html>
